<div class="flex-center">
    <img class="qrcode" src="{$row.qrcode}"/>
</div>
<div class="layer-footer">
    <label class="control-label col-xs-12 col-sm-2"></label>
    <label class="control-label col-xs-12 col-sm-2"></label>
    <div class="col-xs-12 col-sm-8">
        <button type="submit" class="btn btn-success btn-embossed btn-print">{:__('Print')}</button>
    </div>
</div>

<style>
    #main {
        padding: 0 !important;
        height: 100%!important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .content {
        padding: 0 !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .flex-center {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
    }

    .qrcode {
        width: 180px;
        height: 180px;
    }
</style>

<style media="print">
    @page {
        size: auto;  /* auto is the initial value */
        margin: 0mm; /* this affects the margin in the printer settings */
    }

    @media print {
        h1 {
            display: none;
        }
    }

    @media print {
        .date {
            display: none;
        }
    }
</style>